<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/resources/template/template_bootstrap.xhtml">


	<ui:define name="title">Relatório de Produtos</ui:define>

	<ui:define name="conteudo">
		<p:outputPanel layout="block"
			rendered="#{usuarioMB.permissaoAdministrador()}">

			<h4>Relatório de Produtos Vendidos</h4>
			<h5>
				Período:

				<h:outputText
					value="#{relatorioProdutosMB.relatorio.periodo.start.time}">
					<f:convertDateTime></f:convertDateTime>
				</h:outputText>
				até
				<h:outputText
					value="#{relatorioProdutosMB.relatorio.periodo.end.time}">
					<f:convertDateTime></f:convertDateTime>
				</h:outputText>
			</h5>
			<h5>
				Total Vendidos no Período:
				<h:outputText value="#{relatorioProdutosMB.relatorio.total}">
					<f:convertNumber type="currency"></f:convertNumber>
				</h:outputText>
			</h5>


			<ui:repeat var="periodo" value="#{relatorioProdutosMB.periodos}">


				<p:dataTable value="#{relatorioProdutosMB.getProdutos(periodo)}"
					var="produto"
					styleClass="tbl-virtual borda-tbl-virtual margin-bottom margin-top">

					<p:column headerText="Produto">
						<h:outputText value="#{produto.nome}" />
					</p:column>

					<p:column headerText="Modelo">
						<h:outputText value="#{produto.modelo}"></h:outputText>
					</p:column>

					<p:column headerText="Fabricante">
						<h:outputText value="#{produto.fabricante}"></h:outputText>
					</p:column>

					<p:column headerText="Valor Total" styleClass="text-right">
						<h:outputText value="#{produto.total}">
							<f:convertNumber type="currency" />
						</h:outputText>
					</p:column>

					<p:column headerText="Percentual do Total" styleClass="text-right">
						<h:outputText
							value="#{produto.total/relatorioProdutosMB.relatorio.total}">
							<f:convertNumber type="percent"></f:convertNumber>
						</h:outputText>
					</p:column>

					<p:column headerText="Quantidade Vendida" styleClass="text-right">
						<h:outputText value="#{produto.quantidade}"></h:outputText>
					</p:column>

				</p:dataTable>


			</ui:repeat>

		</p:outputPanel>
	</ui:define>
</ui:composition>